<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <meta
      name="description"
      content="汇融名企是面向全国商家服务的大型互联网平台，为商家提供流量扶持，引导品牌曝光；为消费者提供风云榜单，招商加盟，引导实现消费，达成合作，上汇融名企实现共赢。"
    />
    <link rel="stylesheet" href="./css/common.css" />
    <link rel="stylesheet" href="./css/hot-investment.css" />
    <link rel="stylesheet" href="./css/sentimentBanner.css" />
    <link rel="stylesheet" href="./css/carousel.css" />
    <title>火热招商-汇融名企</title>
  </head>
  <body>
    <!--顶部广告图-->
    <div class="header-hot-banner"><a></a><i></i></div>
    <!-- <div id="header-page"></div> -->
    <!--#include virtual="/header.html" -->
    <div class="banner-top-line"></div>
    <!--banner-->
    <div class="top-carousel">
      <div class="pb-carouselWarp carousel carousel-banner">
        <ul class="pb-carousel" id="banner-1"></ul>
        <ul class="pb-carousel-ind" id="banner-1-point"></ul>
      </div>
    </div>
    <!--火热招商-悬浮-->
    <div class="brand-star">
      <div class="brand-star-left">
        <img
          class="brand-left-close"
          id="brand-left-close"
          src="./image/icon/index_anniu-yellow.png"
          alt="火热招商-汇融名企"
        />
        <a href="http://www.jsboth.com" rel="nofollow" target="_blank"
          ><img
            id="brand-star-img"
            src="./image/picture/index_bg.png"
            alt="火热招商-汇融名企"
        /></a>
      </div>
      <div class="brand-star-right">
        <img
          class="brand-right-close"
          id="brand-right-close"
          src="./image/icon/index_anniu-yellow.png"
          alt="火热招商-汇融名企"
        />
        <a href="http://www.jsboth.com" rel="nofollow" target="_blank"
          ><img
            id="brand-star-img-right"
            src="./image/picture/index_bg.png"
            alt="火热招商-汇融名企"
        /></a>
      </div>
    </div>
    <!--广告-->
    <div class="banner-wrapper-first wrapper" id="banner-wrapper"></div>
    <!--全屏广告-->
    <div class="page-top-banner"></div>
    <!--广告-->
    <div class="banner-wrapper-second wrapper" id="banner-wrapper2"></div>
    <!--加盟流程-->
    <div class="merchantsJoin-process wrapper">
      <img src="./image/picture/index_cyjm_icon.png" alt="加盟流程-汇融名企" />
    </div>
    <!--广告-->
    <div class="banner-wrapper-three wrapper" id="banner-wrapper3"></div>
    <div class="page-mid-banner"></div>
    <!--广告-->
    <div class="clear"></div>
    <div class="banner-wrapper-four">
      <div id="merchants-img" class="wrapper"></div>
      <div id="merchants-img-small" class="wrapper"></div>
    </div>
    <div class="clear"></div>
    <!--加盟流程-->
    <div class="merchantsJoin-process wrapper">
      <img src="./image/picture/index_cyjm_icon.png" alt="加盟流程-汇融名企" />
    </div>
    <!--广告-->
    <div class="banner-wrapper-five">
      <div
        id="merchants-img-footer"
        style="height: 274px;"
        class="wrapper"
      ></div>
      <div
        id="merchants-img-smallfooter"
        style="height: 171px;"
        class="wrapper"
      ></div>
    </div>
    <!--底部-->
    <div class="footer footer-form">
      <div class="footer-bottom">
        <p>欢迎访问<strong>汇融名企</strong>，汇融名企等您加入！</p>
      </div>
    </div>
    <script src="./js/jquery-1.11.0.min.js"></script>
    <script src="./js/utils.js"></script>
    <script src="./js/api.js"></script>
    <script src="./js/carousel.min.js"></script>
    <script src="./js/advImages.js"></script>
    <script type="text/javascript">
      $(function () {
        showSuspension = true
        initBanner()
        var api = new ajax('GET', '/api/investProm/index')
        api.then(function (res) {
          init(JSON.parse(res).data)
        })
      })
      function initBanner() {
        onImgchange()
        window.onresize = function () {
          onImgchange()
        }
        initTopCarousel(carouselhotImg, $('.top-carousel'))
        initMidBanner(merchantsImgsfirst, 4, $('#banner-wrapper'))
        initMidBanner(merchantsImgssecond, 4, $('#banner-wrapper2'))
        initMidBanner(merchantsImgsthird, 4, $('#banner-wrapper3'))
        initMidBanner(merchantsImgsfourth, 4, $('#banner-wrapper4'))
        initbigBanner(merchantsImgsfifth, 4, $('#merchants-img'))
        initMidBanner(merchantsImgssixth, 4, $('#merchants-img-small'))
        initbigBanner(merchantsImgsfifth, 4, $('#merchants-img-footer'))
        initMidBanner(merchantsImgsseventh, 4, $('#merchants-img-smallfooter'))
      }
      function onImgchange() {
        var windowWidth = $('body').width()
        var carouselBanner = $('.carousel-banner')
        var pageTopbanner = $('.page-top-banner')
        var pageMidbanner = $('.page-mid-banner')
        var headerHotbanner = $('.header-hot-banner a')
        carouselBanner.css('height', (558 / 1903) * windowWidth + 'px')
        pageTopbanner.css('height', (264 / 1903) * windowWidth + 'px')
        pageMidbanner.css('height', (262 / 1903) * windowWidth + 'px')
        headerHotbanner.css('height', (178 / 1903) * windowWidth + 'px')
      }
      function init(data) {
        // $('#header-page').load('header.html')
        $('#join-number').text(data.brand_join.number)
        $('.header-hot-banner i').click(function () {
          $('.header-hot-banner').slideUp('slow')
        })
      }
      function initMidBanner(data, num, parent) {
        var el = ''
        for (key in data) {
          var flag = (+key + 1) % num
          var currentData = data[key]
          var temp =
            '<a target="_blank" href="' +
            currentData.link +
            '" rel="nofollow">' +
            '<div class="mid-banner" style="background: url(' +
            currentData.url +
            '); ' +
            (flag ? '' : 'margin-right:0;') +
            '"></div></a>'
          el += temp
        }
        parent.append(el)
      }
      function initbigBanner(data, num, parent) {
        var el = ''
        for (key in data) {
          var flag = (+key + 1) % num
          var currentData = data[key]
          var temp =
            '<a target="_blank" href="' +
            currentData.link +
            '" rel="nofollow">' +
            '<div class="big-banner" style="background: url(' +
            currentData.url +
            '); ' +
            (flag ? '' : 'margin-right:0;') +
            '"></div></a>'
          el += temp
        }
        parent.append(el)
      }
    </script>
  </body>
</html>
